<template>
    <div class="four">
        <div class="four_header">
            <h2 style="font-weight: 500;line-height: 24px;margin: 0;">大家都在问</h2>
            <p @:click="go('fn参数 分类查询的路由')" :style="{fontSize:'16px',height:'24px',color:'#00c792'}">
                查看更多
            </p>
        </div>
        <Son></Son>
    </div>
</template>

<script setup lang="ts">
import Son from "./home_grandson/four_son.vue"

import { useRouter } from "vue-router";
let router=useRouter()

function go(x:any) {
    console.log("fourth.vue  router.push", x)
    // router.push('x')
}

</script>

<style scoped  lang="scss">
* {
    margin: 0;
    padding: 0;
}

.four {
    box-sizing: border-box;
    padding: 28px 30px;
    min-height: 200px;

    margin-top:20px ;
}

.four_header {
    display: flex;
    justify-content: space-between;

    height: 24px;
    margin-bottom: 28px;
}
</style>